$(function () {
    var table = null;
    var laypage = null;
    layui.use(['table', 'laypage'], function() {
        table = layui.table;
        laypage = layui.laypage
    });
    table.on('checkbox(reporting)', function(obj) {

        // if (obj.type == 'one') {
        //     layer.msg('您选择了ID为:' + obj.data.id + '行');
        // } else if (obj.type == 'all') {
        //     layer.msg('您选择了全部');
        // }
        console.log(obj.data.id);
        console.log(obj.data); //选中行的相关数据
        console.log(obj.type); //如果触发的是全选，则为：all，如果触发的是单选，则为：one
    });

    table.on('tool(reporting)', function(obj) {
        var data = obj.data;
        if (obj.event === 'report') {
            layer.msg('ID：' + data.id + ' 的上报操作');
            console.log(obj);
        } else if (obj.event === 'update') {
            // layer.confirm('真的删除行么', function(index) {
            //     obj.del();
            //     layer.close(index);
            // });
            layer.msg('ID：' + data.id + ' 的修改操作');
        } else if (obj.event === 'detail') {
            layer.msg('ID：' + data.id + ' 的查看操作');
        } else if (obj.event === 'reReport') {
            layer.msg('ID：' + data.id + ' 的再次上报操作');
        }
    });


    //分页
    laypage.render({
        elem: 'page3',
        count: 1000,
        layout: ['prev', 'page', 'next', 'limit', 'skip', 'count'],
        jump: function(obj, first) {
            //obj包含了当前分页的所有参数，比如：
            console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
            console.log(obj.limit); //得到每页显示的条数

            //首次不执行
            if (!first) {
                //do something
            }
        }
    })


    //展示设置
    $('#Dsetting').click(function() {
        // alert(1);
        layer.open({
            type: 1,
            title: '展示设置',
            content: $('#display'),
            btn: ['保存', '取消'],
            yes: function(index, layero) {
                console.log(index);
                //保存回调
                // console.log(layero);
                // console.log(index);
                layer.close(index);

                // console.log("保存")
            },
            btn2: function(index, layero) {
                //取消的回调
                // console.log(layero);
                // console.log(index);
                // console.log("取消")
                layer.close(index);
            }
        });
    });
    table0();


    function table0() {
        table.render({
            elem: '#reporting',
            // url: '/demo/table/user/',//数据接口,
            height: 480,
            loading: true,
            skin: 'line',
            // page: true,
            data: [{
                id: 1,
                result: "通过",
                title: '合阳城街道网格员宣传扫黑除恶工作',
                content: '合阳城街道各社区人员对群众进行咨询服务合阳城街道各社区人员对群众进行咨询服务',
                source: '天阙科技',
                user: '李龙龙',
                time: '2019-09-18 12:00:00',
                imgs: './imgs/0.jpg',
            },
                {
                    id: 2,
                    result: "通过",
                    title: '合阳城街道网格员宣传扫黑除恶工作',
                    content: '合阳城街道各社区人员对群众进行咨询服务合阳城街道各社区人员对群众进行咨询服务',
                    source: '天阙科技',
                    user: '李龙龙',
                    time: '2019-09-18 12:00:00',
                    imgs: './imgs/1.jpg',
                },
                {
                    id: 3,
                    result: "通过",
                    title: '合阳城街道网格员宣传扫黑除恶工作',
                    content: '合阳城街道各社区人员对群众进行咨询服务合阳城街道各社区人员对群众进行咨询服务',
                    source: '天阙科技',
                    user: '李龙龙',
                    time: '2019-09-18 12:00:00',
                    imgs: './imgs/2.jpg',
                },
                {
                    id: 4,
                    result: "通过",
                    title: '合阳城街道网格员宣传扫黑除恶工作',
                    content: '合阳城街道各社区人员对群众进行咨询服务合阳城街道各社区人员对群众进行咨询服务',
                    source: '天阙科技',
                    user: '李龙龙',
                    time: '2019-09-18 12:00:00',
                    imgs: './imgs/2.jpg',
                },


            ],
            cols: [
                [{
                    type: 'checkbox'
                },
                    {
                        field: 'operation',
                        title: '操作',
                        align: "center",
                        toolbar: '#reportOperation',
                        width: 200,
                    }, {
                    field: 'result',
                    title: '审核结果',
                    align: "center",
                    width: 100,
                }, {
                    field: 'imgs',
                    title: '预览图片',
                    align: "center",
                    toolbar: '#reportPictures',
                }, {
                    field: 'title',
                    title: '信息标题',
                    align: "center",
                },
                    {
                        field: 'content',
                        title: '信息内容',
                        align: "center",
                    },
                    {
                        field: 'source',
                        title: '发文单位',
                        align: "center",
                    },
                    {
                        field: 'user',
                        title: '填报人',
                        align: "center",
                        width: 80,
                    },
                    {
                        field: 'time',
                        title: '填报时间',
                        align: "center",
                    },
                ]
            ],
            done: function(res, curr, count) { //表格数据加载完后的事件
                //调用示例
                layer.photos({ //点击图片弹出
                    photos: '.layer-photos-demo1',
                    anim: 0 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
                });
            }
        })
    }
})